//获取搜索按钮
var btn = document.querySelector('.bottom .main .sousuo button')
//获取输入框
var inp = document.querySelector('.bottom .main .sousuo input')

//点击搜索按钮, 发起ajax请求, 传参数给服务器端, 服务器端返回搜索的结果
btn.onclick = () => {
    axios.get('/user/search', { params: { btnkey: inp.value } }).then((res) => {
        xuanran(res.data.list)
        console.log(res.data);
    })
}

function xuanran(data) {
    console.log(data)
    // console.log(data.length)
    // var str=''
    var str = data.map((item, index) => {
        return `<tr>
                    <td>${item.email}</td>
                    <td>${item.name}</td>
                    <td>${item.phone}</td>
                    <td>${item.ingroup}</td>
                    <td>${item.guanliyuan ? '是' : '不是'}</td>
                    <td style="background-color: ${item.zhuangtai ? 'green' : 'red'};" >${item.zhuangtai ? '正常' : '异常'}</td>
                    <td> <span>编辑</span> <span>删除</span> </td>
                </tr>`
    }).join('')

    if (str == '') {
        str = '<ul style="text-align:center;color:red">未查询到数据!</ul>'
    }
    document.querySelector('.bottom .main table tbody').innerHTML
        = str;

}


//获取上下页标签
let shang = document.querySelector('.bottom .main .shang')
let xia = document.querySelector('.bottom .main .xia')
// console.log(shang)
// console.log(xia)
var page = 1
var count = 3

axios.get('/user/list',{params:{page:1,count:count}}).then((res)=>{
    console.log(res.data)
    total=Math.ceil(res.data.total/count)
    xuanran(res.data.list)
    console.log(total)
})

//默认显示第一页 三条数据
if(page==1){
//axios是从axios.min.js文件中暴露的 用来发送ajax请求的一个对象
axios.get('/user/list', { params: { page: page, count: count } }).then((res) => {
    //调用render方法, 传入后端返回的数据 渲染列表
    xuanran(res.data.list);
    console.log(res.data);
})
}
//给上页绑定点击事件
shang.onclick=function(){
    axios.get('/user/list', { params: { page: --page, count: count } }).then((res) => {
        //调用render方法, 传入后端返回的数据 渲染列表
        xuanran(res.data.list);
    })
}
//给下页绑定点击事件
xia.onclick=function(){
    axios.get('/user/list', { params: { page: ++page, count: count } }).then((res) => {
        //调用render方法, 传入后端返回的数据 渲染列表
        xuanran(res.data.list);
    })
}
//设置临界值
//计算最大页数
// var max=



// if(page==1){
//     shang.disabled=true
// }else{
//     shang.disabled=false
// }
// if(page==2){
//     xia.disabled=true
// }else{
//     xia.disabled=false
// }
// if(page>2){
//   page=2
// }
// if(page<1){
//     page=1
// }